<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
<script type="text/javascript">
function formatLink(cellvalue, options, rowObject) { 
	return "<a href='/PatologiaOcular/estudio/detalleCruceDeDatos.action?id="+cellvalue+"' class='boton2' style='color:#FFFFFF'>Ver Detalle</a>";       
}

function recargar(tipoSolicitud,codigo,ano,nombre,apellido,nombreProyecto,diagClinico,diagAnatomopat,centro,edad,mes,edad2,edad3,mes2,mes3){ 
	$("#gridListaCruceDeDatos").jqGrid('setGridParam', { 
	url:"/PatologiaOcular/estudio/cruzarDatos.action?tipoSolicitud="+tipoSolicitud+"&codigo="+codigo+"&ano="+ano+"&nombre="+nombre+"&apellido="+apellido+
	"&nombreProyecto="+nombreProyecto+"&diagClinico="+diagClinico+"&diagAnatomopat="+diagAnatomopat+"&centro="+centro+"&edad="+edad+"&mes="+mes+"&edad2="+edad2+"&edad3="+edad3+
	"&mes2="+mes2+"&mes3="+mes3,datatype:'JSON' 
	}).trigger("reloadGrid"); 
}
</script>
<%@include file="header.jsp"%>
 <div id="nivel2">
 	<!-- <div id="menu4">
      <ul>
        <li><a class="selected">Reporte</a></li>
      </ul>
    </div> -->
    <div id="contenido">
	    <form>
	    	<s:label>Código:</s:label><s:select id="tipoSolicitud" list="{'Todos','A','B','C'}" name="tipoSolicitud"/><s:textfield id="codigo" name="codigo" size="10" />
	    	<s:textfield id="ano" name="ano" size="2" />&nbsp;
	    	<s:label>Nombre Paciente:</s:label><s:textfield id="nombre" name="nombre" size="30"/>&nbsp;
	    	<s:label>Apellido Paciente:</s:label><s:textfield id="apellido" name="apellido" size="30"/>&nbsp;
	    	<s:label>Nombre Proyecto:</s:label><s:textfield id="nombreProyecto" name="nombreProyecto" size="30"/></br></br>
	    	<s:label>Diagnóstico Clínico:</s:label><s:textfield id="diagClinico" name="diagClinico" size="30"/>&nbsp;
	    	<s:label>Diagnóstico Anatomopatológico:</s:label><s:textfield id="diagAnatomopat" name="diagAnatomopat" size="30"/>&nbsp;
	    	<label for="centro">Centro de Salud:</label>
			<s:url id="llenarcentrourl" action="llenarCentro"/> 
			<sj:select 
				href="%{llenarcentrourl}" 
				id="centro"  
				name="centro" 
				list="centros" 
				listKey="id" 
				listValue="nombre" 
				emptyOption="true" 
				headerKey="-1" 
				headerValue="Todos"
			/></br></br>
			<s:label>Edad:</s:label>&nbsp;
			Años: <s:textfield id="edad" name="edad" size="3"/>año(s)<s:label>&nbsp;&nbsp;</s:label>
			Meses: <s:textfield id="mes" name="mes" size="3"/>mes(es)<s:label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</s:label>
			Rango de Edades: entre: <s:textfield id="edad2" name="edad2" size="3"/>año(s) y<s:textfield id="edad3" name="edad3" size="3"/>año(s)<s:label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</s:label>
			Rango de Meses: entre: <s:textfield id="mes2" name="mes2" size="3"/>mes(es) y<s:textfield id="mes3" name="mes3" size="3"/>mes(es)
			<strong><input class="boton1" type="button" value="Filtrar" onclick="recargar(tipoSolicitud.value,codigo.value,ano.value,nombre.value,apellido.value,nombreProyecto.value,diagClinico.value,diagAnatomopat.value,centro.value,edad.value,mes.value,edad2.value,edad3.value,mes2.value,mes3.value)"/></strong>
			<strong><input class="boton1" type="reset" value="Borrar" /></strong>
		</form>	
		<s:url id="remoteurl" action="cruzarDatos"/>
	    <sjg:grid
			id="gridListaCruceDeDatos"
		    dataType="json"
		    href="%{remoteurl}"
		    pager="true"
		    gridModel="gridModel"
		    rowList="10,15,20"
		    rowNum="10" 
		    navigator="true"
		    navigatorAdd="false"
		    navigatorEdit="false"
		    navigatorRefresh="false"
		    navigatorSearch="false"
		    navigatorDelete="false"
		    multiselect="false"
		    onSelectRowTopics="rowselect"      
		    page="1"
		    autowidth="true"
		    hidegrid="false"
		    viewrecords="true"
		>
		<!--   El "name" de cada columna debe coincidir con cada atributo del objeto (ListaCruceDeDatos) que representa cada registro de la búsqueda realizada     -->		         
		<sjg:gridColumn name="id" index="id" title="ID" formatter="integer" sortable="false" hidden="true"/>
		<sjg:gridColumn name="nombre" index="nombre" title="Nombre" sortable="false" width="150"/>
		<sjg:gridColumn name="edad" index="edad" title="Edad" sortable="false" width="60"/>
		<sjg:gridColumn name="codigo" index="codigo" title="Código" sortable="false" width="60"/>
		<sjg:gridColumn name="diagAnatomopat" index="diagAnatomopat" title="Diagnóstico Anatomopatológico" sortable="false" width="250"/>
		<sjg:gridColumn name="id" index="accion" title="Acciones" sortable="false" formatter="formatLink" width="40"/>
		</sjg:grid>	    	      
	</div>
</div>
<%@include file="footer.jsp"%>